<template>
    <div class="main-container" id="OutsourcingOrders">
        <div style="background-color: #fff; height:100%;">
            <OutOrders></OutOrders>
        </div>
    </div>
</template>
<script  lang="ts">
import { defineComponent, reactive } from 'vue'
import emitter from '@/hooks/useEventBus'
import OutOrders from '@/components/processrowfactory/components/OutOrders.vue'


export default defineComponent({
    components: { OutOrders },
    name: 'OutOrder',
    setup() {

        const pageData = reactive({
            tableIndex: "1"
        })

        // const tabsChange = (e: string | number) => {
        //     emitter.emit('window-change')

        // }
        return {
            pageData,
            // tabsChange
        }
    }
})
</script>


<style  scoped>
.main-container {
    height: 100%;
}

:deep(.ag-cell-value) {
    user-select: initial;
    -moz-user-select: text;
    -ms-user-select: text;
    -webkit-user-select: text;
}
</style>
